<!--<div class="login-info">
            <span> 
                  <a href="" toggle-shortcut="">
                      <img alt="me" ng-src="{{mesrc}}" class="online">
                     
                      <span class="ng-binding">{{username}}
                      </span>
                  </a>
             </span>
</div>-->
<!--<div class="login-info ng-cloak">
    <span>
       
        <a href="" >
            <img ng-src="{{mesrc}}" alt="me" class="online">
            <span>
                {{username}}
            </span>
          
        </a>
    </span>
</div>-->



<div class="login-info ng-cloak">
    <span>
        <!-- User image size is adjusted inside CSS, it should stay as it -->
        <a href="" >
            <img ng-src="{{mesrc}}" alt="" class="online">
            <span>
                {{username}}
            </span>
            <!--<i class="fa fa-angle-down"></i>-->
        </a>
    </span>
</div>